<h2 class="grid_12">
    Evento: <?php echo $evento['Evento']['nombre']; ?>&nbsp;&nbsp;&nbsp;
    Fecha: <?php echo $evento['Evento']['fecha']; ?>&nbsp;&nbsp;&nbsp;
    Hora: <?php echo $evento['Evento']['hora']; ?>
</h2>                                                                                
<div class="grid_8">
    <div class="box">
        <div class="header">
            <img src="img/icons/packs/fugue/16x16/document--plus.png" alt="" width="16" height="16">
            <h3>Listado de Mascotas</h3>
            <span></span>
        </div>
        <?php //comienza el contenido que quieres colocar ?>
        <div class="content">
            <table class="table" id="eventos">
                <thead>
                    <tr>
                        <th>KCB</th>                        
                        <th>Nombre</th>                        
                        <th>Color</th>                        
                        <th>Acciones</th>                        
                    </tr>
                </thead>
                <?php //debug($mascotas); ?>
                <tbody>
                    <?php foreach ($mascotas as $m): ?>
                        <?php $id = $m['Mascota']['id']; ?>
                    <div id="cuadro_<?php echo $id; ?>" title="Inscripcion de Mascotas">
                       
                    </div>
                    <tr>                            
                        <td><?php echo $m['Mascota']['id']; ?></td>
                        <td><?php echo $m['Mascota']['nombre']; ?></td>
                        <td><?php echo $m['Mascota']['color']; ?></td>                            
                        <td>
                            <div id="dialog_<?php echo $id; ?>" style="float: left;">
                                <?php
                                echo $this->Html->image("icons/packs/diagona/16x16/170.png", array("title" => "Registro de Puntaje"));
                                ?>
                            </div>
                            <?php                            
                            //echo $this->Html->link($this->Html->image('icons/packs/diagona/16x16/165.png', array("alt" => 'Inscribir mascotas', 'title' => 'Inscribir Mascotas')), array('controller' => 'Inscripciones', 'action' => 'index', $id), array('escape' => false));
                            ?>
                            <?php
                            //echo $this->Html->link($this->Html->image("icons/packs/diagona/16x16/049.png", array("alt" => "imprimir", 'title' => "ver")), array('action' => 'ver', $id), array('escape' => false));
                            ?>
                            <?php
                            //echo $this->Html->link($this->Html->image("icons/packs/diagona/16x16/062.png", array("alt" => "imprimir", 'title' => 'imprimir')), array('action' => 'imprimir', $id), array('escape' => false));
                            ?>
                            <script type="text/javascript">
                                var dialogOpts = {
                                    modal: true
                                };
                                $("#dialog_<?php echo $id; ?>").click(function(){
                                    //$("#cuadro_<?php echo $id; ?>").dialog(dialogOpts).load("../MascotasPuntaje/ajaxregistrapuntaje/<?php //echo $id; ?>/<?php //echo $id_evento; ?>");
                                    $("#cuadro_<?php echo $id; ?>").dialog(dialogOpts);
                                    //alert("click <?php echo $id; ?>");
                                });                                                    
                            </script> 
                        </td>
                    </tr>
                <?php endforeach; ?>
                </tbody>   
            </table>   
            <script defer/>
                $(window).load(function() {
                    $('#eventos').dataTable();
                    $(window).resize();
                });
            </script>
        </div>
        <?php //fin del contenido a colocar   ?>
    </div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->                                            
<div class="grid_4">
    <div class="box">
        <div class="header">
            <img src="img/icons/16x16/list.png" alt="" width="16" height="16">
            <h3>Acciones</h3>
            <span></span>
        </div>
        <div class="content">
            <ul id="block-list-icons" class="block-list with-icon tab-content">
                <li class="i-16-calendar">Mascotas</li>
                <li class="i-16-application"><?php echo $this->Html->link('Nueva Mascota', array('controller' => 'Mascotas', 'action' => 'insertar')) ?></li>
                <li class="i-16-drive">Imprimir</li>
                <li class="i-16-chart">Reportes</li>
                <li class="i-16-balloon">Lorem ipsum</li>
            </ul>
        </div> <!-- End of .content -->
        <div class="actions">
            <div class="actions-left"></div>
            <div class="actions-right">
                <a class="button" href="charts.html">Go to stats &raquo;</a>
            </div>
        </div> <!-- End of .actions -->
        <div class="clear"></div>
    </div> <!-- End of .box -->
</div> <!-- End of .grid_4 -->

<!-- End of #main_content -->
<div class="push clear"></div>
<?php echo $this->element('js_tablas'); ?>
<?php echo $this->element('js_forms'); ?>